.hover--border {
  border: 1px solid rgba(226, 226, 226, 1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  &:hover {
     color: rgba(47, 128, 255, 1);
     box-shadow: 0 2px 8px 0 rgba(47, 128, 255, 0.2);
     border-radius: 6px;
     border: 1px solid rgba(47, 128, 255, 0.44)
  }
}
.fixStatus {
  width: 46px;
  height: 24px;
  margin-left: 5px;
  border-radius: 3px;
  text-align: center;
  line-height: 22px;
  color: #2f80ff;
  border: 1px solid #2f80ff;
  background-color: #ebf3ff;
}
.waitingColor {
  color: #73808e;
  border: 1px solid #73808e;
  background-color: #f1f2f3;
}
.steps-icon {
  .el-step__icon.is-text {
    background: rgba(13, 152, 219, 1);
  }
  .el-step__icon-inner {
    color: #fff;
  }
  .el-step__line {
    background-color: #0D98DB;
  }
  .el-step__icon.is-text {
    border-radius: 50%;
    border: 5px solid transparent;
    border-color: #99ccff;
  }
  .el-step.is-vertical .el-step__line {
    left: 14px;
    margin-right: 0;
  }
  .el-step__icon {
    width: 30px;
    height: 30px;
  }
}
.defect-table th {
  background: rgba(249, 249, 249, 1) !important;
}
.dialog-style {
  .el-dialog__title {
    line-height: 24px;
    font-size: 16px;
    color: #4A4A4A;
    font-weight: bold;
  }
  .el-dialog__footer {
    text-align: center;
  }
}
.remarkBox .el-textarea__inner {
  height: 74px;
  resize: none;
}
.tdheight {
  height: 64px !important;
  padding: 11px 0px 10px 25px !important;
  line-height: unset !important;
}
.no-data-div {
  padding-top: 10%;
  padding-bottom: 10%;
  text-align: center;
  color: #909399;
  font-size: 14px;
}
.textarea-item {
  .el-form-item__content {
    width: 100%;
  }
}

.regaltion-step {
  .border-primary {
    border-color: $brand-primary;
  }
  .el-steps {
    @extend .pt-10;
  }
  .el-step__title {
    @extend .position-relative, .font-weight-normal, .text-black, .font-weight-bold;
    top: -70px;
    &.is-success,
    &.is-wait {
      @extend .text-black;
    }
  }
  .el-step__description {
    @extend .position-relative;
    top: -20px;
  }
  .el-step__main {
    @extend .position-relative;
  }
  .current-step {
    @extend .position-absolute, .full-width;
    top: -15px;
    left: 50%;
    transform: translate(-50%);
    height: 4px;
    min-width: 80px;
    .litte-triangle-bottom {
      top: 4px;
      left: 50%;
      transform: translate(-50%);
      width: 0;
      height: 0;
      border-top: 5px solid transparent;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
    }
  }
  .el-steps {
     .el-step__icon {
      @extend .text-white,;
    }
    .is-process {
      .el-step__icon{
        @extend .bg-primary, .border-color-primary;
      }
      .el-step__line {
        // @extend .bg-primary;
      }
    }
    .el-step__head.is-success {
      @extend .border-primary;
    }
    .is-success {
      .el-step__icon {
        @extend .text-white, .border-primary;
      }
      .is-text {
        @extend .bg-primary;
      }
      .el-step__line {
        @extend .bg-primary;
      }
    }
    .is-wait {
      .el-step__icon {
        @extend .bg-gray-light;
        // background: $brand-blue-lighter !important;
        // border-color: $brand-blue-lighter !important;
      }
      .el-step__line {
        // background: $brand-blue-lighter !important;
      }
    }
  }
}
